<template>
    <div>
        <search-ceil></search-ceil>
        <loading v-if="loadingShow" loadingStyle="height:600px"></loading>
        <div class="uploadConent wrap" v-else>
           <el-tabs type="border-card">
                <el-tab-pane>
                    <span slot="label" :lazy="true"> 3D模型</span>
                    <upload3-d :user="user.userInfo"></upload3-d>
                </el-tab-pane>
                <el-tab-pane label="SU模型" :lazy="true">
                    <upload-su :user="user.userInfo"></upload-su>
                </el-tab-pane>
                <!-- <el-tab-pane label="预算方案" :lazy="true">
                    <upload-budget :user="user.userInfo"></upload-budget>
                </el-tab-pane> -->
                <el-tab-pane label="概念方案" :lazy="true">
                    <upload-concept :user="user.userInfo"></upload-concept>
                </el-tab-pane>
                <el-tab-pane label="施工图" :lazy="true">
                    <upload-constr :user="user.userInfo"></upload-constr>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>
<script>

// import jwtToken from '../helpers/jwt'
import { ErrorBag } from 'vee-validate';
import {mapState,mapMutations,mapGetters,mapActions} from 'vuex';
import loading from '../loading'
export default {
    name : "",
    data(){
        return{
             loadingShow:true
        }
    },
    methods: {
        loadingHide(){
            this.loadingShow = false;
        }
    },
    components:{
        loading,
        searchCeil : resolve => require(["../searchTitle/searchTitle"], resolve),//搜索头部
        upload3D : resolve => require(["./upload3D"], resolve),//3D上传
        uploadSu : resolve => require(["./uploadSu"], resolve),//SU上传
        uploadBudget : resolve => require(["./uploadBudget"], resolve),//预算模板
        uploadConcept : resolve => require(["./uploadConcept"], resolve),//概念方案
        uploadConstr : resolve => require(["./uploadConstr"], resolve)//施工图
    },
    computed: {
        ...mapState({//登录的用户信息
            user: state => state.AuthUser
        }),
        mismatchError() {
            return this.bag.has('password:auth') && !this.errors.has('password')
        },
    },
    created() {
        this.loadingShow=false;
    },
    updated(){
        this.loadingShow=false;
    },
    metaInfo: {
      title: '集设网_素材上传', // set a title
    }
}
</script>
<style>
    .uploadConent{
        margin-top: 22px;
        background-color: #fff;
        padding-top:71px;
    }
    .el-tabs__nav-scroll{
        text-align: center;
    }
    .el-tabs__nav{
        float: none;
    }
    .el-tabs--border-card>.el-tabs__header{
        height: 60px;
        background: transparent;
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item{
        border:none;
        height: 60px;
        font-size: 18px;
        line-height: 60px;
        padding: 0 15px;
        margin-right: 60px;
        color: #333;
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
        color: #ea514b;
        border-bottom: 2px solid #ea514b;
    }
    .el-tabs--border-card{
        box-shadow: none;
        border: none;
    }
    .el-upload__input{
        display: none!important;
    }
    .uploadConent .el-tabs__nav .el-tabs__item.is-active{
        border-left: none;
    }
</style>
